<template>
  <div class="app-wrp">
    <div class="head">
      <ycHead class="head-wrp"></ycHead>
    </div>
    <div class="nav">
      <yc-menu></yc-menu>
    </div>
    <div class="yc-content">
      <div class="yc-wrp" id="yc-wrp">
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>

<script>
import ycMenu from '../pages/menuItem/ycMenu'
import ycHead from 'common/ycHead'
export default {
  name: 'index',
  components: {
    ycMenu,
    ycHead
  },
  data () {
    return {
      activeIndex: '1',
      activeIndex2: '1'
    }
  },
  methods: {
    handleSelect (key, keyPath) {
    }
  }
}
</script>

<style lang="stylus">
.app-wrp{
  .nav{
    position fixed
    width 16%
    background #9DA0A4
    height 100%
    overflow hidden
    background #FBFBFB;
    z-index  99
  }
  .head{
    width 100%
    color #333
    .head-wrp{
      display flex
      justify-content space-between
      align-items center
    }
  }
  .yc-content{
    float right
    box-sizing border-box
    width 84%
    .yc-wrp{
      width 80%
      padding 0 0 0 10px
      min-height 700px
    }
  }
}
</style>

<style>
#yc-wrp .el-form-item{
  margin-bottom:16px;
}
#yc-wrp .el-dialog__body{
  padding: 10px 20px;
}
</style>
